    .logdiv{
        overflow: hidden;
        position:absolute;
        vertical-align: middle;
        height:100%;
        width:100%;
        background-color: #F8E9B2;
        background: url('../assets/8.png') no-repeat;
        background-size: 100% 100%;

    }
    .loginback{
        height:100%;
        width:100%;
        overflow: hidden;
        position:absolute;
        vertical-align: middle;
    }
    .loginTitle{
        margin-top: 150px;
        font-size: 28px;
    }
    .loginDiv{/*登录框*/
    background-color: #eee;
    text-align: center;
    opacity:0.8;
    /* box-shadow: 10px 10px 0px #23262E inset; */
    padding:24px 24px 0px 24px;
    border-radius: 15px;
    }
    h1{
    font-size:30px;
    text-align: center;
    color: #ba6a5d;
    }
    .title{
    margin-bottom: 30px; 
    }
    .imgCode{
        float: right;
    }

   .demo-spin-icon-load{
        animation: ani-demo-spin 1s linear infinite;
    }
    @keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
    }
    .demo-spin-col{
        height: 100px;
        position: relative;
        border: 1px solid #eee;
    }
    .loginImg{
        background: url('../assets/11.jpg') no-repeat;
        background-size: 100% 100%;
        height:100%;
        width:100%;
        background-color: #F8E9B2;
        /* text-align: center;
        vertical-align: center; */
    }
    .loginForm{/*登录框*/
        background-color: rgba(234, 243, 247, 0.8);
        text-align: center;
        /* opacity:0.8; */
        /* box-shadow: 1px 1px 1px 1px rgb(248, 225, 204) inset; */
        padding:40px 24px 0px 24px;
        border-radius: 15px;
        height:350px;
        width:480px;
    }
    .flexDiv{
        display:flex;
        flex-direction: column;
        align-items:center;
        background-color: rgb(248, 245, 236);
        background: url('../assets/13.jpg') no-repeat;
        background-size: 100% 100%;
    }